<template>
	<view class="button-submit" hover-class="button-hover" @tap.stop="$emit('click')" :class="{'size':isdefalutSize}"  :style="{'fontSize':fontSize,'background-color':bgColor,'color':color,'width':width+'rpx','height':height+'rpx','border':border}">{{text}}</view>
</template>

<script>
	export default{
		props: {
			text: {
				type: [String,Number],
				default: '购买'
			},
			fontSize:{
				type: [String,Number],
				default: '24rpx'
			},
			border:{
				type:String,
				default:'2rpx solid #fa5128'
			},
			bgColor:{
				type:String,
				default:'#fa5128'
			},color:{
				type:String,
				default:'#fa5128'
			},width:{
				type:String,
				default:'132'
			},height:{
				type:String,
				default:'60'
			},isdefalutSize:{
				type:Boolean,
				default:false
			}
		},
	}
</script>

<style lang="scss" scoped>
	.button-submit{
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24rpx;
	}
	.size{
		font-size:28rpx;
	}
</style>
